<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>智创——您身边的投资顾问</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/header.css"/>
	<link rel="stylesheet" href="css/footer.css"/>
	<link rel="icon" href="img/zc.ico">
</head>
<body>
	<div id="main">
		<div id="header">
		</div>
		<div id="banner">
			<ul class="carrousel" id="carrousel">
				<li class="img_show">
					<img src="img/init.png" data-src="img/index/header/banner_5.jpg" alt="">
				</li>
				<li>
					<img src="img/init.png" data-src="img/index/header/banner_6.jpg" alt="">
				</li>
				<li>
					<img src="img/init.png" data-src="img/index/header/banner_7.jpg" alt="">
				</li>
				<li>
					<img src="img/init.png" data-src="img/index/header/banner_2.jpg" alt="">
				</li>
			</ul>
			<a href="#" data-move="left" class="arrow lf"></a>
			<a href="#" data-move="right" class="arrow rg"></a>
			<ul class="indicators" id="indicators">
				<li class="c_hover"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<span class="b_line" id="b_line"></span>
		</div>
		<div id="container">
			<div class="seckill" id="seckill">
				<div class="s_title">
					<h3>超值精选</h3>
					<span>
						总有你想不到的低价
					</span>
				</div>
				<div class="s_product">
					<div class="s_pro" >
						<div class="s_lg_pro s_show" data-s_pro="pro">
							<div class="s_lg_pro_word">享6.5折</div>
							<div class="s_lg_img">
								<img src="img/init.png" data-src="img/index/s_pro/xiaomiair.jpg" alt=""/>
							</div>
							<div class="s_lg_info">
								<span>小米笔记本Air</span>
								<span>&yen;1499.00</span>
							</div>
						</div>
						<div class="s_pro_pro s_hide" data-s_pro="word">
							<p class="s_pro_img">
								<img src="img/init.png" data-src="img/index/s_pro/xiaomiair.jpg" alt=""/>
							</p>
							<p class="s_pro_details">Intel酷睿i7处理器，8GB内存+256GB</p>
							<p class="s_pro_price">
								<span class="s_pro_price_now">&yen;1499.00</span>
								<span class="s_pro_price_past"><s>&yen;2299.00</s></span>
							</p>
							<p class="s_pro_buy">
								<button>查看详情</button>
							</p>
						</div>
					</div>
					<div class="s_pro" >
						<div class="s_lg_pro s_show" data-s_pro="pro">
							<div class="s_lg_pro_word">享9.0折</div>
							<div class="s_lg_img">
								<img src="img/init.png" data-src="img/index/s_pro/meizu.png" alt=""/>
							</div>
							<div class="s_lg_info">
								<span>魅蓝 Note</span>
								<span>&yen;2900.00</span>
							</div>
						</div>
						<div class="s_pro_pro s_hide" data-s_pro="word">
							<p class="s_pro_img">
								<img src="img/init.png" data-src="img/index/s_pro/meizu.png" alt=""/>
							</p>
							<p class="s_pro_details">8天超长待机，137g轻巧机身</p>
							<p class="s_pro_price">
								<span class="s_pro_price_now">&yen;2900.00</span>
								<span class="s_pro_price_past"><s>&yen;3199.00</s></span>
							</p>
							<p class="s_pro_buy">
								<button>查看详情</button>
							</p>
						</div>
					</div>
					<div class="s_pro" >
						<div class="s_lg_pro s_show" data-s_pro="pro">
							<div class="s_lg_pro_word">享8.8折</div>
							<div class="s_lg_img">
								<img src="img/init.png" data-src="img/index/s_pro/xiaomi.jpg" alt=""/>
							</div>
							<div class="s_lg_info">
								<span>小米笔记本Pro</span>
								<span>&yen;2240.00</span>
							</div>
						</div>
						<div class="s_pro_pro s_hide" data-s_pro="word">
							<p class="s_pro_img">
								<img src="img/init.png" data-src="img/index/s_pro/xiaomi.jpg" alt=""/>
							</p>
							<p class="s_pro_details">全金属强化机身/FHD全贴合屏幕</p>
							<p class="s_pro_price">
								<span class="s_pro_price_now">&yen;2240.00</span>
								<span class="s_pro_price_past"><s>&yen;2800.00</s></span>
							</p>
							<p class="s_pro_buy">
								<button>查看详情</button>
							</p>
						</div>
					</div>
					<div class="s_pro" >
						<div class="s_lg_pro s_show" data-s_pro="pro">
							<div class="s_lg_pro_word">享5.5折</div>
							<div class="s_lg_img">
								<img src="img/init.png" data-src="img/index/s_pro/pms_1503909300.25797209!220x220.png" alt=""/>
							</div>
							<div class="s_lg_info">
								<span>小米电视4A 标准版</span>
								<span>&yen;3080.00</span>
							</div>
						</div>
						<div class="s_pro_pro s_hide" data-s_pro="word">
							<p class="s_pro_img">
								<img src="img/init.png" data-src="img/index/s_pro/pms_1503909300.25797209!220x220.png" alt=""/>
							</p>
							<p class="s_pro_details">64位四核处理器 / 1GB+4GB大内存</p>
							<p class="s_pro_price">
								<span class="s_pro_price_now">&yen;3080.00</span>
								<span class="s_pro_price_past"><s>&yen;5600.00</s></span>
							</p>
							<p class="s_pro_buy">
								<button>查看详情</button>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="new_product" id="new_product">
				<div class="new_pro_title">
					<div class="n_title">
						<h3>热卖推荐</h3>
					<span>
						总有一款是你想要的
					</span>
					</div>
				</div>
				<div class="new_pro_content">
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/dianyuan.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/erji.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/shouji.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1481599827.1998390!200x200.jpg" alt=""></div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1503909218.70932288!220x220.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1505106710.28498495!220x220.jpg" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/spec-model_7d52335 .png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1503909300.25797209!220x220.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1478607293.23866401!482x482.jpg" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>
					<div class="new_pro_list" data-nPro="pro_list">
						<div class="new_pro_info" data-nPro="info">
							查看详情
						</div>
						<div class="shade" data-nPro="shade">
						</div>
						<div class="new_pro_img">
							<img data-nPro="img" src="img/init.png" data-src="img/index/new_product/pms_1503909150.67293503!220x220.png" alt="">
						</div>
						<h4>小米笔记本Pro 15.6英寸</h4>
						<span>全金属强化机身/FHD全贴合屏幕</span>
						<p class="new_pro_price">&yen;5999.00</p>
					</div>		
				</div>
			</div>
			<div class="appraisal" id="appraisal">
				<div class="app_title">
					<div class="n_title">
						<h3>产品测评</h3>
					<span>
						产品好不好，看这里
					</span>
					</div>
				</div>
				<div class="app_msg_list">
					<div class="app_msg">
						<div class="app_msg_img">
							<img src="img/init.png" data-src="img/index/appraisal/faae36272d1f5e7183e2e7c4faffca1a.jpg" alt=""/>
						</div>
						<div class="app_msg_content">
							<p class="content_title">
								Tichome音箱评测
							</p>
							<p class="content_info">
								能语音遥控的人工智能音箱
							</p>
						</div>
					</div>
					<div class="app_msg">
						<div class="app_msg_img">
							<img src="img/init.png" data-src="img/index/appraisal/paicha_1.jpg" alt=""/>
						</div>
						<div class="app_msg_content">
							<p class="content_title">
								小米插线板
							</p>
							<p class="content_info">
								3个USB接口 支持2A快充 过载断电保护
							</p>
						</div>
					</div>
					<div class="app_msg">
						<div class="app_msg_img">
							<img src="img/init.png" data-src="img/index/appraisal/keyboardphoto.jpg" alt=""/>
						</div>
						<div class="app_msg_content">
							<p class="content_title">
								悦米机械键盘测评
							</p>
							<p class="content_info">
								铝合金机身 带来前所未有的敲击体验
							</p>
						</div>
					</div>
					<div class="app_msg">
						<div class="app_msg_img">
							<img src="img/init.png" data-src="img/index/appraisal/xmad_15053023729301_vkfBo.jpg" alt=""/>
						</div>
						<div class="app_msg_content">
							<p class="content_title">
								小米移动电源 2C
							</p>
							<p class="content_info">
								20000mAh 大容量 一个就够用
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
		</div>
		<div id="lift">
			<ul class="lift_list">
				<li class="lift_item" data-site="#seckill">
					<span>超值<br/>精选</span>
				</li>
				<li class="lift_item" data-site="#new_product">
					<span>热卖<br/>推荐</span>
				</li>
				<li class="lift_item" data-site="#appraisal">
					<span>产品<br/>测评</span>
				</li>
				<li class="lift_item" data-site="top">
					<span>回到<br/>顶部</span>
				</li>
			</ul>
		</div>
	</div>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
</body>
</html>